<template>
	<view>
		<view class="class-list" :item=item :index=index>
			<view class="class-list-item">
				<!-- <image :src="item.picture" mode="" style="width: 123px;height: 115px;"></image> -->
				<image src="../../../static/images/register.jpg" mode="" style="width: 123px;height: 115px;"></image>
				<view class="item-info">
					<view class="item-intro">
						<view class="item-title">
							{{item.name}}
							</view>
						<view class="item-describe">{{item.introduct}}</view>
					</view>
					<view class="release-time">{{item.createTime}}上新</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			"item":Object,
			"index":Number
		},
		data() {
			return {
			};
		}
	}
</script>

<style scoped>
.class-list {
	padding: 25upx 20upx;
	border-bottom: 1px solid #D7D7D7;
	color: #555555;
}
.class-list-item {
	display: flex;
	
}
.item-info {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 40px;
}
.item-title {
	font-size: 14px;
}
.item-describe {
	font-size: 12px;
}
.release-time {
	font-size: 12px;
}
</style>
